<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./lib/vue.min.js"></script>
</head>
<body>
    <div id="app">
        <!-- "|"是管道符 -->
        <p>{{ msg | msgFormat('疯狂', '123') | test }}</p>  
    </div>
    
    <script>
        //定义一个vue全局的过滤器msgFormat
        Vue.filter('msgFormat',function(msg, arg, arg2){
            //字符串的replace参数，第一个参数除了可写一个字符串之外，还可以定义正则匹配
            //只能匹配第一个单纯修改
            //return msg.replace('单纯','邪恶')
            //正则全局修改  g:全局匹配
            return msg.replace(/单纯/g, arg + arg2)

        })

        //过滤器可以多次使用，先交给第一个过滤器使用，再交给第二个过滤器使用
        Vue.filter('test', function(msg){
            return msg + "========="
        })

        var vm = new Vue({
            el:"#app",
            data:{
                msg: "曾经我也是一个单纯的少年，单纯的我傻傻的问谁是世界上最单纯的男生"
            },
            methods: {}
        });
    </script>
</body>
</html>